<!-- 名为index.html的页面会作为它所在的路径（文件夹）的默认页面 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的美团</title>

    <!-- 引入iconfont个人项目的在线地址 -->
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3944631_u768wbdg73.css">

    <!-- 引入样式重置 -->
    <link rel="stylesheet" href="./css/reset.css">

    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/common.css">

    <!-- 引入当前页面样式 -->
    <link rel="stylesheet" href="./css/index0.css">

    <!-- 引入scss编译出的css -->
    <link rel="stylesheet" href="./css/index.css">

</head>

<body>

    <!-- 页头 -->
    <div id="header-box">

        <!-- 顶栏 42 -->
        <div class="top-bar">
            <div class="middle-box">

                <!-- 向左浮动的盒子 -->
                <div class="left-box">
                    <!-- 这堆破盒子的左右外间距皆为4 -->
                    <i class="iconfont icon-tubiao_diliweizhi"
                        style="color: #999; font-size: 15px; margin: 0 -8px 0 0;"></i>
                    <span class="gray-6">北京</span>
                    <span class="orange-pointer gray-6" id="qiehuan">切换城市</span>
                    <span class="gray-9">[</span>
                    <span class="orange-pointer gray-9">门头沟区</span>
                    <span class="orange-pointer gray-9">廊坊</span>
                    <span class="orange-pointer gray-9">大厂回族自治县</span>
                    <span class="gray-9">]</span>
                    <span>立即登录</span>
                    <span class="orange-pointer gray-9">注册</span>
                </div>

                <!-- 向右浮动的盒子 -->
                <div class="right-box">

                    <!-- 这堆破盒子的左右内边距皆为14 -->
                    <span class="orange-pointer gray-9">我的美团</span>
                    <span class="orange-pointer gray-9">手机App</span>
                    <span class="orange-pointer gray-9">商家中心</span>
                    <span class="orange-pointer gray-9">美团规则</span>
                    <span class="orange-pointer gray-9">网站导航</span>
                </div>


            </div>
        </div>

        <!-- 搜索区 106 -->
        <div class="search-box">

            <!-- 1190水平居中的盒子 -->
            <div class="middle-box">
                <!-- 图片盒子 -->
                <!-- <div class="img-box">
                    <img src="./imgs/logo.png" alt="哥是logo">
                </div> -->
                <img class="img-box" src="./imgs/logo.png" alt="哥是logo">

                <!-- 搜索框盒子 -->
                <div class="input-box">

                    <!-- 用户输入框 -->
                    <!-- placeholder="请输入商家或地点" 提示文字 -->
                    <input type="text" placeholder="请输入商家或地点">

                    <!-- 按钮 -->
                    <button>
                        <span class="iconfont icon-fangdajing"></span>
                    </button>
                </div>
            </div>
        </div>

        <!-- 主导航区 48 -->
        <div class="menu-box">
            <!-- 1190的盒子居中 -->
            <div class="middle-box">

                <!-- 水平主导航 -->
                <!-- 一旦子元素有浮动 就在父盒子身上加清浮动 以排除一切潜在的影响 -->
                <ul class="clearfix">
                    <li class="orange-pointer">美团外卖</li>
                    <li class="red-pointer">猫眼电影</li>
                    <li class="red-pointer">美团酒店</li>
                    <li class="orange-pointer">民宿／公寓</li>
                    <li class="orange-pointer">商家入驻</li>
                    <li class="red-pointer">美团公益</li>
                </ul>
            </div>
        </div>
    </div>


    <!-- banner 高度 424px -->
    <!-- 内有浮动恶犬 clearfix伪元素轻浮法 清除之 -->
    <div class="zhai banner clearfix">

        <!-- 垂直菜单区 -->
        <div class="white-gray-box menu-box">
            <h3>全部分类</h3>
            <ul class="gray-6">
                <li>
                    <i class="icon-orange iconfont icon-shaozikuaizi"></i>
                    <span>美食</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>

                <li>
                    <i class="icon-orange iconfont icon-meituan"></i>
                    <span>外卖</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
                <li>
                    <i class="icon-pink iconfont icon-maomi"></i>
                    <span>酒店</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
                <li>
                    <i class="icon-orange iconfont small icon-minsu"></i>
                    <span>民宿</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
                <li>
                    <i class="icon-pink iconfont icon-meituan"></i>
                    <span>猫眼电影</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
                <li>
                    <i class="icon-blue iconfont icon-shaozikuaizi"></i>
                    <span>机票 / 火车票</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
                <li>
                    <i class="icon-green iconfont icon-maomi"></i>
                    <span>休闲娱乐 / KTV</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
                <li>
                    <i class="icon-green iconfont small icon-minsu"></i>
                    <span>生活服务</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
                <li>
                    <i class="icon-pink iconfont icon-meituan"></i>
                    <span>丽人 / 美发 / 医学美容</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
                <li>
                    <i class="icon-pink iconfont icon-shaozikuaizi"></i>
                    <span>结婚 / 婚纱摄影 / 婚宴</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
                <li>
                    <i class="icon-pink iconfont icon-maomi"></i>
                    <span>亲子 / 儿童乐园 / 幼教</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
                <li>
                    <i class="icon-blue iconfont small icon-minsu"></i>
                    <span>运动健身 / 健身中心</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
                <li>
                    <i class="icon-green iconfont icon-meituan"></i>
                    <span>家装 / 建材 / 家居</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
                <li>
                    <i class="icon-green iconfont icon-shaozikuaizi"></i>
                    <span>学习培训 / 音乐培训</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
                <li>
                    <i class="icon-blue iconfont icon-maomi"></i>
                    <span>医疗健康 / 宠物 / 爱车</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
                <li>
                    <i class="icon-green iconfont small icon-minsu"></i>
                    <span>酒吧 / 密室逃脱</span>
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
            </ul>
        </div>

        <!-- 豆腐块区域 -->
        <div class="toufu-box clearfix">

            <!-- 轮播图区域 -->
            <div class="toufu1 jumper">
                <!-- 在当前页面打开 当前路径下的pages/other.html -->
                <a target="_self" href="./pages/other.html"></a>

                <!-- 上一张 -->
                <div class="btn btn-prev">
                    <i class="iconfont icon-xiangzuo1"></i>
                </div>

                <!-- 下一张 -->
                <div class="btn btn-next">
                    <i class="iconfont icon-xiangyou1"></i>
                </div>
            </div>

            <!--  -->
            <div class="toufu2 jumper">
                <!-- 在新空白页打开百度 -->
                <a target="_blank" href="https://www.baidu.com"></a>
            </div>

            <div class="white-gray-box toufu3">
                <img src="./imgs/tutou.png" alt="">
                <span>Hi！你好</span>
                <button class="btn-yuanjiao btn-login">立即登录</button>
                <button class="btn-yuanjiao btn-register">注册</button>
            </div>

            <div class="toufu4 jumper">
                <a target="_blank" href="https://www.baidu.com"></a>
            </div>

            <div class="toufu5 jumper">
                <a target="_blank" href="https://www.baidu.com"></a>
            </div>

            <div class="toufu6 jumper">
                <a target="_blank" href="https://www.baidu.com"></a>
            </div>

            <div class="white-gray-box toufu7">
                <img src="./imgs/qrcode.png" alt="盲人同志雷猴，这是一个很爽的二维码">
                <p class="app">美团App手机版</p>
                <p class="hi">
                    <span>一元起</span>
                    <span>吃喝玩乐</span>
                </p>
            </div>
        </div>
    </div>

    <!-- 猫眼电影 高341px -->
    <div class="zhai bankuai-box maoyan">
        <!-- 标题盒子 -->
        <div class="title-box">
            <!-- 信手清除浮动 -->
            <ul class="clearfix">
                <li>猫眼电影</li>
                <li>正在热映</li>
                <li>即将上映</li>
                <li>
                    全部
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
            </ul>
        </div>

        <!-- 内容盒子 -->
        <div class="content-box">
            <!-- 如果li有浮动 则加以清除 没有则不加clearfix样式 -->
            <!-- <ul class="clearfix"> -->
            <ul>
                <!-- 电影背景图直接放在Li身上 -->
                <li>

                    <!-- 遮罩mask::before -->
                    <!-- <div class="mask"></div> -->

                    <!-- 定位左上角 -->
                    <div class="lt">
                        <span>IMAX</span>
                        <span>3D</span>
                    </div>

                    <!-- 定位左下角 -->
                    <div class="lb">
                        <div>
                            <span class="small">观众评</span>
                            <span class="fen">9</span>
                        </div>
                        <p>深海</p>
                    </div>

                    <!-- 定位右下角 -->
                    <div class="rb">
                        <button>预售</button>
                    </div>

                </li>

                <!-- 电影背景图直接放在Li身上 -->
                <li>

                    <!-- 定位左上角 -->
                    <div class="lt">
                        <span>IMAX</span>
                        <span>3D</span>
                    </div>

                    <!-- 定位左下角 -->
                    <div class="lb">
                        <div>
                            <span class="small">观众评</span>
                            <span class="fen">9</span>
                        </div>
                        <p>深海</p>
                    </div>

                    <!-- 定位右下角 -->
                    <div class="rb">
                        <button>预售</button>
                    </div>
                </li>

                <!-- 电影背景图直接放在Li身上 -->
                <li>
                    
                    <!-- 定位左上角 -->
                    <div class="lt">
                        <span>IMAX</span>
                        <span>3D</span>
                    </div>

                    <!-- 定位左下角 -->
                    <div class="lb">
                        <div>
                            <span class="small">观众评</span>
                            <span class="fen">9</span>
                        </div>
                        <p>深海</p>
                    </div>

                    <!-- 定位右下角 -->
                    <div class="rb">
                        <button>预售</button>
                    </div>
                </li>

                <!-- 电影背景图直接放在Li身上 -->
                <li>
                    <!-- 定位左上角 -->
                    <div class="lt">
                        <span>IMAX</span>
                        <span>3D</span>
                    </div>

                    <!-- 定位左下角 -->
                    <div class="lb">
                        <div>
                            <span class="small">观众评</span>
                            <span class="fen">9</span>
                        </div>
                        <p>深海</p>
                    </div>

                    <!-- 定位右下角 -->
                    <div class="rb">
                        <button>预售</button>
                    </div>
                </li>

                <!-- 电影背景图直接放在Li身上 -->
                <li>
                    <!-- 定位左上角 -->
                    <div class="lt">
                        <span>IMAX</span>
                        <span>3D</span>
                    </div>

                    <!-- 定位左下角 -->
                    <div class="lb">
                        <div>
                            <span class="small">观众评</span>
                            <span class="fen">9</span>
                        </div>
                        <p>深海</p>
                    </div>

                    <!-- 定位右下角 -->
                    <div class="rb">
                        <button>预售</button>
                    </div>
                </li>


            </ul>
        </div>
    </div>

    <!-- 推荐民宿 高735px -->
    <div id="minsu" class="zhai bankuai-box minsu">
        <!-- 标题盒子 -->
        <div class="title-box">
            <ul class="clearfix">
                <li>推荐民宿box</li>
                <li>天津</li>
                <li>济南</li>
                <li>大连</li>
                <li>太原</li>
                <li>石家庄</li>
                <li>秦皇岛</li>
                <li>呼和浩特</li>
                <li>潍坊</li>
                <li>唐山</li>
                <li>泰安</li>
                <li>
                    全部
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
            </ul>
        </div>

        <!-- 内容盒子 -->
        <div class="content-box">
            <!-- 如果li有浮动 则加以清除 没有则不加clearfix样式 -->
            <!-- <ul class="clearfix"> -->
            <ul>

                <li>
                    <div class="img-box">
                        <img class="rb" src="./imgs/peach.jpg" alt="桃子的头像">
                    </div>

                    <p class="danhang-shengluehao name">
                        大明湖西南门附近向北100米精装次卧，双气一楼，拎包入住
                    </p>

                    <div class="xinxi">
                        <span>整套3居室·</span>
                        <span>可住2人 | </span>
                        <span>大明湖/大明湖站</span>
                    </div>

                    <div class="jiage">
                        <span>￥</span>
                        <span>70</span>
                    </div>
                </li>

                <li>
                    <div class="img-box">
                        <img class="rb" src="./imgs/peach.jpg" alt="桃子的头像">
                    </div>

                    <p class="danhang-shengluehao name">
                        大明湖西南门附近向北100米精装次卧，双气一楼，拎包入住
                    </p>

                    <div class="xinxi">
                        <span>整套3居室·</span>
                        <span>可住2人 | </span>
                        <span>大明湖/大明湖站</span>
                    </div>

                    <div class="jiage">
                        <span>￥</span>
                        <span>70</span>
                    </div>
                </li>

                <li>
                    <div class="img-box">
                        <img class="rb" src="./imgs/peach.jpg" alt="桃子的头像">
                    </div>

                    <p class="danhang-shengluehao name">
                        大明湖西南门附近向北100米精装次卧，双气一楼，拎包入住
                    </p>

                    <div class="xinxi">
                        <span>整套3居室·</span>
                        <span>可住2人 | </span>
                        <span>大明湖/大明湖站</span>
                    </div>

                    <div class="jiage">
                        <span>￥</span>
                        <span>70</span>
                    </div>
                </li>

                <li>
                    <div class="img-box">
                        <img class="rb" src="./imgs/peach.jpg" alt="桃子的头像">
                    </div>

                    <p class="danhang-shengluehao name">
                        大明湖西南门附近向北100米精装次卧，双气一楼，拎包入住
                    </p>

                    <div class="xinxi">
                        <span>整套3居室·</span>
                        <span>可住2人 | </span>
                        <span>大明湖/大明湖站</span>
                    </div>

                    <div class="jiage">
                        <span>￥</span>
                        <span>70</span>
                    </div>
                </li>

                <li>
                    <div class="img-box">
                        <img class="rb" src="./imgs/peach.jpg" alt="桃子的头像">
                    </div>

                    <p class="danhang-shengluehao name">
                        大明湖西南门附近向北100米精装次卧，双气一楼，拎包入住
                    </p>

                    <div class="xinxi">
                        <span>整套3居室·</span>
                        <span>可住2人 | </span>
                        <span>大明湖/大明湖站</span>
                    </div>

                    <div class="jiage">
                        <span>￥</span>
                        <span>70</span>
                    </div>
                </li>

                <li>
                    <div class="img-box">
                        <img class="rb" src="./imgs/peach.jpg" alt="桃子的头像">
                    </div>

                    <p class="danhang-shengluehao name">
                        大明湖西南门附近向北100米精装次卧，双气一楼，拎包入住
                    </p>

                    <div class="xinxi">
                        <span>整套3居室·</span>
                        <span>可住2人 | </span>
                        <span>大明湖/大明湖站</span>
                    </div>

                    <div class="jiage">
                        <span>￥</span>
                        <span>70</span>
                    </div>
                </li>


            </ul>
        </div>
    </div>


    <!-- 猜你喜欢 804px -->
    <div class="zhai bankuai-box xihuan">
        <!-- 标题盒子 -->
        <div class="title-box">
            <ul class="clearfix">
                <li>猜你喜欢</li>
                <li>为你甄选最适合的</li>
                <li style="display: none;">
                    全部
                    <i class="iconfont icon-xiangyou1"></i>
                </li>
            </ul>
        </div>

        <!-- 内容盒子 -->
        <div class="content-box">

            <!-- 如果li有浮动 则加以清除 没有则不加clearfix样式 -->
            <!-- <ul class="clearfix"> -->
            <ul>

                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>
                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>
                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>
                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>
                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>
                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>
                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>
                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>
                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>
                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>
                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>
                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>
                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>
                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>
                <!-- 纵向弹性盒 -->
                <li>
                    <img src="./imgs/shop.jpg" alt="">

                    <p class="danhang-shengluehao name">
                        黄记煌三汁焖锅（安河桥华联店）
                    </p>

                    <div class="pingfen-box">

                        <div class="jindutiao">

                            <!-- 灰色进度条 -->
                            <!-- 水平排5星 -->
                            <ul class="lt gray">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                            <!-- 金色进度条 -->
                            <ul class="lt golden">
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                                <li><i class="iconfont icon-xingxing"></i></li>
                            </ul>

                        </div>

                        <span>768个评价</span>
                    </div>

                    <p class="dizhi">亦庄开发区</p>

                    <div class="jiage-box">
                        <span>￥</span>
                        <span>41.88</span>
                        <span>起</span>
                    </div>
                </li>


            </ul>
        </div>
    </div>


    <!-- 美团导航 272px -->
    <div class="zhai bankuai-box daohang">
        <h3>美团导航</h3>

        <!-- 直排弹性盒 -->
        <div class="box">

            <div class="row chengshi-box">
                <div class="name">热门城市</div>
                <ul class="clearfix">
                    <li>长沙</li>
                    <li>杭州</li>
                    <li>长春</li>
                    <li>太原</li>
                    <li>昆明</li>
                    <li>深圳</li>
                    <li>东莞</li>
                    <li>武汉</li>
                    <li>宁波</li>
                    <li>重庆</li>
                    <li>郑州</li>
                    <li>广州</li>
                    <li>合肥</li>
                    <li>佛山</li>
                    <li>沈阳</li>
                    <li>大连</li>
                    <li>哈尔滨</li>
                    <li>天津</li>
                    <li>济南</li>
                    <li>青岛</li>
                </ul>
            </div>

            <div class="row fenlei-box">
                <div class="name">热门分类</div>
                <ul class="clearfix">
                    <li id="the-li">
                        酒店
                    </li>

                    <li>美食</li>
                    <li>休闲娱乐</li>
                    <li>运动健身</li>
                    <li>生活服务</li>
                    <li>上门服务</li>
                    <li>购物</li>
                    <li>时尚购</li>
                    <li>本地购物</li>
                    <li>结婚</li>
                    <li>摄影写真</li>
                    <li>宴会</li>
                    <li>丽人</li>
                    <li>母婴亲子</li>
                    <li>学习培训</li>
                    <li>家装</li>
                    <li>汽车服务</li>
                    <li>医疗</li>
                    <li>宠物</li>
                </ul>
            </div>

            <div class="row zhoubian-box">
                <div class="name">周边热门</div>
                <ul class="clearfix">
                    <li>门头沟区酒店</li>
                    <li>廊坊美食</li>
                    <li>廊坊休闲娱乐</li>
                    <li>廊坊运动健身</li>
                    <li>门头沟区生活服务</li>
                    <li>门头沟区上门服务</li>
                    <li>廊坊购物</li>
                    <li>大厂回族自治县时尚购</li>
                    <li>门头沟区本地购物</li>
                    <li>大厂回族自治县结婚</li>
                    <li>大厂回族自治县摄影写真</li>
                    <li>门头沟区宴会</li>
                    <li>大厂回族自治县丽人</li>
                    <li>门头沟区母婴亲子</li>
                    <li>大厂回族自治县学习培训</li>
                    <li>门头沟区家装</li>
                    <li>大厂回族自治县汽车服务</li>
                    <li>廊坊医疗</li>
                    <li>门头沟区宠物</li>
                </ul>
            </div>
        </div>
    </div>


    <!-- 友情链接 608px -->
    <!-- 横排弹性盒 -->
    <div class="zhai lianjie">

        <!-- 所有列1:1分配水平空间 -->
        <div class="column col1">
            <dl>
                <dt>用户帮助</dt>
                <dd><a rel="nofollow" href="http://www.meituan.com/help/selfservice" target="_blank">申请退款</a></dd>
                <dd><a rel="nofollow" href="http://www.meituan.com/help/faq" target="_blank">常见问题</a></dd>
                <dd><a rel="nofollow" href="https://rules-center.meituan.com/rules-detail/4" target="_blank">用户协议</a>
                </dd>
                <dd><a rel="nofollow" href="https://rules-center.meituan.com/rules-detail/2" target="_blank">隐私政策</a>
                </dd>
                <dd><a rel="nofollow" href="http://www.meituan.com/about/anticheat" target="_blank">反诈骗公告</a></dd>
                <dd><a rel="nofollow" href="https://rules-center.meituan.com/customer-rights"
                        target="_blank">消费者权益保障</a></dd>
            </dl>
            <dl>
                <dt>美团服务</dt>
                <dd><a href="http://waimai.meituan.com/" target="_blank">美团外卖</a></dd>
                <dd><a href="http://hotel.meituan.com/" target="_blank">美团酒店</a></dd>
                <dd><a href="http://maoyan.com/" target="_blank">猫眼电影</a></dd>
                <dd><a href="https://peisong.meituan.com/" target="_blank">美团配送</a></dd>
                <dd><a href="https://www.mtyun.com/" target="_blank">美团云</a></dd>
                <dd><a href="http://www.dianping.com/" target="_blank">大众点评</a></dd>
                <dd><a href="https://minsu.meituan.com/" target="_blank">美团民宿</a></dd>
                <dd><a href="https://mad.meituan.com" target="_blank">无人配送</a></dd>
                <dd><a href="https://em.meituan.com/?channeltype=01,01,01" target="_blank">企业用餐、企业用车、企业差旅</a></dd>
                <dd><a href="https://developer.meituan.com/" target="_blank">开放平台</a></dd>
            </dl>
        </div>

        <!-- 2 -->
        <div class="column col2">
            <dl>
                <dt>商家合作</dt>
                <dd><a rel="nofollow" href="https://ecom.meituan.com/bizsettle/settle?utm_source=mt_C_my"
                        target="_blank">美食商家入驻(非外卖)</a></dd>
                <dd><a href="https://kd.meituan.com/" target="_blank">美团外卖开店申请</a></dd>
                <dd><a href="https://rms.meituan.com" target="_blank">美团餐饮系统</a></dd>
                <dd><a rel="nofollow" href="http://page.peisong.meituan.com/apply/join" target="_blank">美团配送合作申请</a>
                </dd>
                <dd><a href="https://xue.meituan.com/?from=mtpc" target="_blank">美团餐饮培训</a></dd>
                <dd><a rel="nofollow" href="https://ruzhu.meituan.com/settle/hotel/propaganda.html"
                        target="_blank">酒店商家入驻</a></dd>
                <dd><a rel="nofollow" href="https://ruzhu.meituan.com/settle/trip/pc.html" target="_blank">境内度假商家入驻</a>
                </dd>
                <dd><a rel="nofollow" href="https://e.dianping.com/claimcpc/page/index?source=mt"
                        target="_blank">综合商家入驻</a></dd>
                <dd><a rel="nofollow" href="https://minsu.meituan.com/about/" target="_blank">美团民宿房东商家入驻</a></dd>
                <dd><a href="http://pc.meituan.com/?activity_code=mtpcdb" target="_blank">商家开票申请</a></dd>
                <dd><a rel="nofollow"
                        href="https://h5.youzan.com/v2/feature/nALm22bkFF?dc_ps=2039811416638097413.200001"
                        target="_blank">美团智能收银机</a></dd>
                <dd><a rel="nofollow" href="https://developer.meituan.com/?from=mtpcsw" target="_blank">美团开放平台</a></dd>
                <dd><a rel="nofollow" href="https://recommend-zc.meituan.com/opportunity?channel=1"
                        target="_blank">美团收单</a></dd>
                <dd><a rel="nofollow" href="https://paidui.meituan.com/?activity_code=167_00038050"
                        target="_blank">免费使用美团排队</a></dd>
                <dd><a rel="nofollow" href="https://i.meituan.com/awp/hfe/block/6c4bec785dce/11188/index.html"
                        target="_blank">快驴进货商家合作</a></dd>
                <dd><a rel="nofollow" href="https://shangou.meituan.com/joinin" target="_blank">美团闪购商家入驻</a></dd>
                <dd><a rel="nofollow" href="https://123.meituan.com?source=mtwpc" target="_blank">合作/招聘</a></dd>
            </dl>
        </div>

        <!-- 3 -->
        <div class="column col3">
            <dl>
                <dt>合作商招募</dt>
                <dd><a rel="nofollow" href="https://mfe.waimai.meituan.com/mfepro/client-h5/#/login"
                        target="_blank">美团外卖合作商招募</a></dd>
                <dd><a rel="nofollow" href="https://daili.meituan.com/?comeFrom=mtwebBusinesscoopd"
                        target="_blank">到店餐饮合作商招募</a></dd>
                <dd><a rel="nofollow" href="https://daili.meituan.com/dz-zhaoshang" target="_blank">到店综合业务合作商招募</a></dd>
                <dd><a rel="nofollow" href="http://union.meituan.com/" target="_blank">美团联盟</a></dd>
                <dd><a rel="nofollow" href="https://wenjuan.meituan.com/survey/4332711" target="_blank">美团收银招募线上分销商</a>
                </dd>
                <dd><a rel="nofollow" href="https://agent.meituan.com/zhaoshang?partnerSource=3"
                        target="_blank">美团收银合作商招募</a></dd>
                <dd><a rel="nofollow" href="https://zf.meituan.com?partnerSource=3" target="_blank">美团收单合作商招募</a></dd>
                <dd><a rel="nofollow"
                        href="https://i.meituan.com/awp/hfe/block/index.html?cube_h=2b7f0b4afbea&amp;cube_i=97656"
                        target="_blank">美团充电宝合作商招募</a></dd>
                <dd><a rel="nofollow"
                        href="https://managergrocery.meituan.com/mall-fe-agent-activity/clues-collect.html?page_from=30"
                        target="_blank">美团优选渠道合作商招募</a></dd>
                <dd><a rel="nofollow" href="https://vss.baobaoaichi.cn/" target="_blank">美团买菜合作商招募</a></dd>
                <dd><a rel="nofollow" href="https://developer.meituan.com/hardware?source=zhuzhan"
                        target="_blank">美团硬件设备合作商招募</a></dd>
            </dl>
            <dl>
                <dt>美团规则</dt>
                <dd><a rel="nofollow" href="https://rules-center.meituan.com/" target="_blank">规则中心</a></dd>
                <dd><a rel="nofollow" href="https://rules-center.meituan.com/rules" target="_blank">规则目录</a></dd>
                <dd><a rel="nofollow" href="https://rules-center.meituan.com/advices" target="_blank">规则评议院</a></dd>
            </dl>
        </div>

        <!-- 4 -->
        <div class="column col4">
            <dl>
                <dt>关注美团</dt>
                <dd><a rel="nofollow" href="http://weibo.com/meituan" target="_blank">美团新浪微博</a></dd>
            </dl>
            <dl>
                <dt>公司信息</dt>
                <dd><a rel="nofollow" href="https://about.meituan.com/" target="_blank">关于我们</a></dd>
                <dd><a rel="nofollow" href="https://about.meituan.com/investor.html" target="_blank">投资者关系</a></dd>
                <dd><a rel="nofollow" href="http://zhaopin.meituan.com/" target="_blank">加入我们</a></dd>
                <dd><a rel="nofollow" href="https://dpapp-appeal.meituan.com/#/shopCreditRegulationPC"
                        target="_blank">商户诚信公约及管理办法</a></dd>
                <dd><a rel="nofollow" href="https://i.meituan.com/awp/ffe/insurance-website/index.html#/"
                        target="_blank">保险经纪资质</a></dd>
            </dl>
            <dl>
                <dt>廉正举报</dt>
                <dd><a rel="nofollow" href="https://jubao.meituan.com/app/home?source=1" target="_self">廉正举报平台</a></dd>
            </dl>
            <dl>
                <dt>知识产权</dt>
                <dd><a rel="nofollow" href="https://ipr.meituan.com?source=1" target="_blank">知识产权维权平台</a></dd>
            </dl>
        </div>

        <!-- 5 -->
        <div class="column col5">
            <dl>
                <dt>消费者服务热线</dt>
                <dd>外卖消费者：<a rel="nofollow" href="tel:10109777" target="_blank">10109777</a></dd>
                <dd>猫眼消费者：<a rel="nofollow" href="tel:10105335" target="_blank">10105335</a></dd>
                <dd>其他消费者：<a rel="nofollow" href="tel:10107888" target="_blank">10107888</a></dd>
            </dl>

            <dl>
                <dt>商家服务热线</dt>
                <dd>外卖&amp;餐饮商家：<a rel="nofollow" href="tel:10105557" target="_blank">10105557</a></dd>
                <dd>休闲娱乐、丽人、ktv、教育、结婚、亲子、家装等商家：<a rel="nofollow" href="tel:10100107" target="_blank">10100107</a></dd>
            </dl>

            <dl>
                <dt>投诉举报专区</dt>
                <dd>违法和不良信息举报电话：<a rel="nofollow" href="tel:4006018900" target="_blank">4006018900</a></dd>
                <dd>举报邮箱：<a rel="nofollow" href="mailto:tousujubao@meituan.com"
                        target="_self">tousujubao@meituan.com</a></dd>
                <dd><a rel="nofollow" href="https://www.12377.cn/" target="_blank">网上有害信息举报</a></dd>
                <dd>以上渠道均可投诉举报：<a rel="nofollow" href="" target="">互联网违法和不良信息，涉及未成年人保护、互联网算法推荐、谣言类信息等相关问题</a></dd>
            </dl>

            <dl>
                <dt>
                    <a rel="nofollow" href="https://ecom.meituan.com/bizsettle/settle/merchantsSettle"
                        target="_blank">商家自助入驻美团入口</a>
                </dt>
            </dl>

            <dl>
                <dt>
                    <a rel="nofollow" href="https://isp.meituan.com/signup" target="_blank">供应商注册入口</a>
                </dt>
            </dl>
        </div>
    </div>

    <!-- 页脚 144px-->
    <div class="zhai clearfix yejiao">

        <div class="left-box">

            <div class="row1">
                <i style="font-style: normal;">
                    ©2023 美团版权所有
                </i>

                <!-- 跳转id为minsu的锚记（anchor） -->
                <a href="#minsu">
                    京ICP证070791号
                </a>

                <!-- 跳转页头 -->
                <a href="#">京ICP备10211739号-1</a>

            </div>

            <p>广播电视节目制作经营许可证（京）字第03889号</p>

            <p>药品医疗器械网络信息服务备案 （京）网药械信息备字（2022）第00228号</p>

            <p>医疗器械网络交易服务第三方平台备案：（京）网械平台备字[2018]第00004号</p>

            <p>平台EDI许可证</p>

        </div>

        <!-- 直排弹性盒 -->
        <div class="right-box">

            <div class="top">
                <img src="./imgs/jinghui.png" alt="很爽的警徽">
                <span>京公网安备 11000002002052号</span>
            </div>

            <!-- 横排弹性盒 -->
            <div class="bottom">

                <!-- 这4个元素垂直（交叉轴）居中 -->
                <img src="./imgs/zhizhao.png" alt="执照">

                <span>京公网安备 11000002002052号</span>

                <div class="col2"></div>
                <div class="col3"></div>
            </div>

        </div>

    </div>

</body>

</html>